<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>用户信息</title>
    <link rel="stylesheet" type="text/css"  th:href="@{/css/index.css}">
    <link rel="stylesheet" type="text/css"  th:href="@{/css/mystyle.css}">
    <link rel="stylesheet" type="text/css"  th:href="@{/css/myceair.css}">
    <link rel="stylesheet" type="text/css"  th:href="@{/css/customerinfo.css}">

</head>

<body>
<!--header-->
<header id="header"> <hgroup>
    <h2>

    </h2>

    <address class="text blue">
        <p style="font-size: 15px">欢迎您，<span th:text="${session.customer.username}"></span>&nbsp;&nbsp;<a th:href="@{/home/logout}" style="color: #fff">退出</a></p>
    </address>

    <div class="clear"></div>
</hgroup> </header>
<!--end header-->

<!--menu-->
<menu id="menu">
    <nav>
        <ul class="menu_index">
            <a th:href="@{/home/customerinfo}"><li id="menu-myceair" class="current">我的信息<i></i></li></a>
            <a th:href="@{/home/index}"><li id="menu-booking">预订行程<i></i></li></a>

        </ul>
    </nav>
</menu>
<!--end content-->

<!-- 第一个下拉菜单 -->
<section class="menu-dropdown" id="dropdown-booking"
         style="display: block; height:320px "> <hgroup id="booking">

    <article id="tabTicket" class="b_content block">
        <div id="main-area">
            <div class="position gray">
                您的位置：<a th:href="@{/home/index}">首页</a> &gt;
                <h1>我的东航</h1>
            </div>
            <div class="myceair">
                <div class="left">
                    <div class="home"></div>

                    <div class="menu font14 bold m1">
                        <a th:href="@{/home/customerinfo}">个人信息</a>
                    </div>

                    <div class="menu font14 bold m2">
                        <a th:href="@{/home/myorder}">机票订单</a>
                    </div>
                    <div class="child"></div>
                    <div class="menu font14 bold m9">
                        <a th:href="@{/home/editcustomerpassword}">更改密码</a>
                    </div>
                    <script src="/resource2/js/myceair/j.tools.js"></script>
                </div>
                <div class="right">
                    <div class="personal_info" id="switch">
                        <div class="body">
                            <div class="b_content active" rel="tab1">

                                <div class="name">
                                    <b class="blue bold">基本信息</b> <span class="gray block"><a
                                        th:href="@{/home/editcustomerinfo}">编辑</a></span>
                                </div>
                                <div class="row">
                                    <div class="col1">用户名：</div>
                                    <div class="col2 blue"><span th:text="${session.customer.username}==null?'未完善':${session.customer.username}"></span>&nbsp;</div>
                                    <div class="col1">积分：</div>
                                    <div class="col2 blue">4600&nbsp;</div>
                                </div>
                                <div class="row">
                                    <div class="col1">性别：</div>
                                    <div class="col2 blue">
                                        <span th:text="${session.customer.sex}==null?'未完善':${session.customer.sex}"></span>
                                        &nbsp;
                                    </div>
                                    <div class="col1">注册时间：</div>
                                    <div class="col2 blue"><span th:text="${#dates.format(session.customer.addDate, 'yyyy-MM-dd HH:mm')}"></span>&nbsp;</div>
                                </div>
                                <div class="row">
                                    <div class="col1">真实姓名：</div>
                                    <div class="col2 blue"><span th:text="${session.customer.realName}==null?'未完善':${session.customer.realName}"></span>&nbsp;</div>
                                    <div class="col1">账户类型：</div>
                                    <div class="col2 blue">
                                        普通用户
                                        &nbsp;
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col1">身份证号：</div>
                                    <div class="col2 blue"><span th:text="${session.customer.idNumber}==null?'未完善':${session.customer.idNumber}"></span>&nbsp;</div>
                                </div>
                                <div class="clear"></div>
                                <div class="name">
                                    <b class="blue bold">联系信息</b> <span class="gray block"></span>
                                </div>
                                <div class="row">
                                    <div class="col1">手机号码：</div>
                                    <div class="col2 blue"><span th:text="${session.customer.phone}==null?'未完善':${session.customer.phone}"></span>&nbsp;</div>
                                    <div class="col1">邮件地址：</div>
                                    <div class="col2 blue"><span th:text="${session.customer.email}==null?'未完善':${session.customer.email}"></span>&nbsp;</div>
                                </div>
                                <div class="clear"></div>
                                <div class="line"></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </article> </hgroup> </section>
<div class="bottom_banner">
    <img src="http://pic.c-ctrip.com/vacation_v2/bottom_banner1.jpg"
         class="bottom_banner_l" alt="吉祥航空" width="353" height="111"><img
        src="http://pic.c-ctrip.com/vacation_v2/bottom_banner2.jpg"
        class="bottom_banner_m" alt="瑞士国际航空公司" width="280" height="111"><img
        src="http://pic.c-ctrip.com/vacation_v2/bottom_banner3.jpg"
        class="bottom_banner_r" alt="日本航空" width="356" height="111">
</div>
</body>
</html>
